<template>

  <div class="main">
    <el-carousel>
      <el-carousel-item v-for="item in imgList" :key="item.name">
        <img :src="item.src" style="height:100%;width:100%;" alt="图片丢失了"></img>
      </el-carousel-item>
    </el-carousel>
  </div>


</template>


<script>
export default {
  name: 'AbBoxCard',
  data () {
    return {
      imgList: [
        {
          name: "1",
          src: require("../../../src/assets/carousel01.jpg"),
          title: "这是1.png"
        },
        {
          name: "2",
          src: require("../../../src/assets/carousel02.jpg"),
          title: "这是2.png"
        },
        {
          name: "3",
          src: require("../../../src/assets/carousel03.jpg"),
          title: "这是3.png"
        },
        {
          name: "4",
          src: require("../../../src/assets/carousel04.jpg"),
          title: "这是4.png"
        }
      ]
    }
  }
}
</script>


<style scoped>
.main{
  padding: 36px 20px;
}

</style>